<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<meta name="keywords" content=""/>
		<meta name="description" content=""/>
		<meta name="viewport" content="width=device-width,user-scalable=no"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/comon.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css1/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>		
	</head>
	<body>
		<div class="web">
			<!--头部S-->
			<header class="clearfix">
				<div class="fl header_logo">
					<a href="Products.html"><img src="img/LOGO.png"/></a>
				</div>
				<div class="fr city">
					<select name="">
						<option value="1">城市</option>
						<option value="2">广州市</option>
						<option value="3">佛山市</option>
					</select>
				</div>
				<div class="search">
					<input type="text" placeholder="请输入商品名称" class="text"/>
					<i class="iconfont icon-xinxing"></i>
				</div>
			</header>
			<!--头部E--> 
			<!--中间S-->
			<main>
				<div class="slider">
					<div class="slider_img">
						<img src="img/index/index_bg.jpg"/>
						<ul>
							<li></li>
							<li class="li_background"></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</div>										
				</div>
				<div class="around clearfix">
					<div class="fl ju_left">
						<img src="img/index/tuangou.png"/><span class="text_l">优惠团购</span>							
					</div>
					<div class="fr ju_right"><span class="text_r">更多</span><img src="img/index/more.png"/></div>
				</div>
				<div class="luck_img clearfix animated rotateIn">
					<div class="fl luck_left"><img src="img/index/index_img1.png"/></div>
					<div class="fr luck_right"><img src="img/index/index_img2.png"/></div>
				</div>
				<div class="luck_img clearfix animated slideInDown">
					<div class="fl luck_left"><img src="img/index/index_img1.png"/></div>
					<div class="fr luck_right"><img src="img/index/index_img2.png"/></div>
				</div>
				<div class="around clearfix">
					<div class="fl ju_left">
						<i class="iconfont icon-xinxing"></i><span class="text_l">猜你喜欢</span>							
					</div>
					<div class="fr ju_right"><span class="text_r">更多</span><img src="img/index/more.png"/></div>
				</div>
				<div class="store_minute clearfix">
					<div class="fl store"><img src="img/index/index_img5.png"/></div>
					<div class="middle">
						<p class="store_title">万岁寿司(正佳店)</p>
						<p class="store_tao">[100店通用] 双人套餐</p>
						<span>￥88.00</span>
					</div>
					<div class="fr store_right">
						<p class="juli">&lt;100m</p>
						<p>已售1000</p>
					</div>
				</div>
				<div class="store_minute clearfix">
					<div class="fl store"><img src="img/index/index_img6.png"/></div>
					<div class="middle">
						<p class="store_title">周黑鸭(正佳店)</p>
						<p class="store_tao">[100店通用] 双人套餐</p>
						<span>￥88.00</span>
					</div>
					<div class="fr store_right">
						<p class="juli">&lt;100m</p>
						<p>已售1000</p>
					</div>
				</div>
			</main>
			<!--中间E-->
			<!--尾部S-->
			<footer>
				<ul>
					<li>
						<a href="index.html">
							<i class="iconfont icon-shouye pitch_on"></i>
							<div class="pitch_on">首页</div>
						</a>
					</li>
					<li>
						<a href="classify.html">
							<i class="iconfont icon-fenlei"></i>
							<div>分类</div>
						</a>
					</li>
					<li>
						<a href="discover.html">
							<i class="iconfont icon-fenxiang"></i>
							<div>发现</div>
						</a>
					</li>
					<li>
						<a href="myorder.html">
							<i class="iconfont icon-wode"></i>
							<div>我的</div>
						</a>
					</li>
				</ul>
			</footer>
			<!--尾部E-->
		</div>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
